<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
     <!-- weui -->
     <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body class="df fdc">
    <main class=" flex ">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide rotate-one"></div>
                <div class="swiper-slide rotate-two"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class=" pt10 user ">
            <a href="personal.html">
                <img src="../../assets/imgs/dog.jpg" alt="" id="heahPic">
                <span class="f22 ml10 cloro0" id="uName">用户名</span>
                <span class="iconfont icon-youjiantou "></span>
                <p class="f18">个性签名:<span id="sign">xxxxxxxxxxxxxxxxxx</span></p>
            </a>
        </div>
        <div class="clock_in pt15 df jcsb aic">
            <p><span class="iconfont icon-daka-copy"></span>累计打卡<span id="clockTxt">23</span>天</p>
            <div class="tac" id="today">今日打卡</div>
        </div>
        <div class="trends df jcsb aic pt15">
            <p><span class="iconfont icon-UI_icon_gongzuodongtai"></span>个人动态</p>
            <p>10条<span class="iconfont icon-youjiantou"></span></p>
        </div>
        <div class="data  pt15">
            <a href="#">
                <p id="sptBtn"><span class="iconfont icon-shuju"></span>运动数据<span class="iconfont icon-youjiantou"></span></p>
                <ul class="df jcsb">
                    <li>
                        <h6>总运动</h6>
                        <p><span id="min">99999</span>分钟</p>
                    </li>
                    <li>
                        <h6>本周消耗</h6>
                        <p><span id="kll">99999</span>千卡</p>
                    </li>
                </ul>
            </a>
        </div>
        <div class="badge pt15">
            <a href="#">
                <p id="badegBtn"><span class="iconfont icon-badge-myfull"></span>我的运动徽章<span class="iconfont icon-youjiantou"></span></p>
                <ul class="df jcsb">
                    <li>
                        <img src="../../assets/imgs/mybadge03.jpg" alt="">
                    </li>
                    <li>
                        <img src="../../assets/imgs/mybadge06.jpg" alt="">
                    </li>
                    <li>
                        <img src="../../assets/imgs/mybadge08.jpg" alt="">
                    </li>
                </ul>
            </a>
        </div>
    </main>

    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>
